<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>list</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <script th:src="@{/js/myFunctions.js}"></script>

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>


    <!-- Custom styles for this tuserlate -->
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">

</head>
<body>

<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
    <div class="row">
        <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

        <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
            <h2><a class="btn btn-sm btn-success" th:href="@{#}">添加员工</a></h2>
            <button onclick="loadUsers()">获取用户</button>
            <div class="table-responsive">
                <table class="table table-striped table-sm">
                    <thead onload="loadUsers()">
                    <tr>
                        <th scope="col">id</th>
                        <th scope="col">userName</th>
                        <th scope="col">password</th>
                        <th scope="col">gender</th>
                        <th scope="col">age</th>
                        <th scope="col">状态</th>
                        <th scope="col">操作</th>
                    </tr>
                    </thead>
                    <tbody id="userList">

                    </tbody>
                </table>
            </div>
        </main>
    </div>
</div>


<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js"
        integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"
        integrity="sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha"
        crossorigin="anonymous"></script>
<script th:src="@{/js/dashboard.js}"></script>
<script th:src="@{/js/jQuery.js}"></script>

</body>
</html>
